<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<meta HTTP-EQUIV="expires" CONTENT="0">
<%
response.setHeader("Cache-Control","no-store");
response.setHeader("Pragrma","no-cache");
response.setDateHeader("Expires",0);
%>
<title>浏览成功案列</title>
<style type="text/css">

</style>
<script type="text/javascript" src="./js/head.js"></script>
</head>
<body>
	<div id="suc" style="width: 100%;height: 100%;" oncontextmenu="return false">
		<div class="header">
			<h3>成功案列</h3>
			<img src='img/logo.png'>
		</div>
		<!-- ===========================================================主页面  -->
		<div v-show="pageA">
			<!-- ==============================================================查询条件 -->
			<div class="mt10 ml10 mr10 border" style="padding: 10px;">
				<div class="hand w200 lan">
					<i class="el-icon-caret-bottom"></i>成功案列
				</div>
				<!-- 列表展示 -->
				<div class="mt10">
					<el-table :data="tableData" stripe style="width: 100%;" ><!-- -->
					    <el-table-column prop="tname" label="主题" head-align="center" align="center" sortable show-overflow-tooltip>
					    	<template slot-scope="scope" >
						        <el-badge value="new" class="new" v-if="scope.row.flag">
						        	<span><a href="#" @click="open(scope.row.tid)">{{ scope.row.tname }}</a></span>
						        </el-badge>
						        <el-badge value="" v-else>
						        	<span><a href="#" @click="open(scope.row.tid)">{{ scope.row.tname }}</a></span>
						        </el-badge>
						    </template>
					    </el-table-column>
					    <el-table-column prop="tcontent" label="内容" head-align="center" align="center" sortable show-overflow-tooltip></el-table-column>					    
					    <el-table-column prop="user.userName" label="发布人" head-align="center" align="center" sortable show-overflow-tooltip></el-table-column>
					    <el-table-column prop="t_create_time" label="发布时间" head-align="center" align="center" :formatter="dateFormat" sortable show-overflow-tooltip></el-table-column>
					    <el-table-column sortable align="center" prop="tstatus" :formatter="statusFormat" label="状态" sortable show-overflow-tooltip></el-table-column>
					    <el-table-column prop="t_end_time" label="完结时间" head-align="center" align="center" :formatter="dateFormat" sortable show-overflow-tooltip></el-table-column>
						<el-table-column head-align="center" label="标识">
				            	<template slot-scope="scope">				            	
							        <el-tag type="success" v-if="scope.row.tstatus=='1'">已完结</el-tag>							        
							    </template>
				            </el-table-column>
					</el-table>
					
					<!-- bottons -->
					<!-- <div class="flex mt10">
						<el-button type="primary" size="mini" @click="add">发帖</el-button>
					</div> -->
					<div v-show="false"><script type="text/plain" id="lostEditorEdit" ></script></div>
					
					<div class="flex wEnd mt10">
						<el-pagination @size-change="handleSizeChange"  @current-change="handleCurrentChange" :current-page="currPage"
					      :page-sizes="[10, 20, 30, 40]" :page-size="pageSize" :total="total"
					      layout="total, sizes, prev, pager, next, jumper">
		   				</el-pagination>
					</div>
					
				</div>
				
			</div>
		</div>		
	</div>
</body>
<script type="text/javascript" src="./js/suc.js"></script>
</html>